<template>
  <div>
    <div class="box">
      <router-view></router-view>
    </div>
    <van-tabbar v-model="active">
      <van-tabbar-item icon="home-o" to="/">首页</van-tabbar-item>
      <van-tabbar-item icon="apps-o" to="/category">分类</van-tabbar-item>
      <van-tabbar-item icon="cart-o" to="/cart">购物车</van-tabbar-item>
      <van-tabbar-item icon="friends-o" to="/mine">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>
<script>
export default {
  data() {
    return {
      active: 0
    };
  },
  methods: {
    onChange(index) {
      Notify({ type: "primary", message: index });
    }
  }
};
</script>
<style>
.van-tabbar-item__text {
  font-size: 16px;
}
.van-icon {
  font-size: 25px;
}
.box{
  padding-top: 46px;
  padding-bottom: 50px;
}
</style>